﻿<%@ Page Title="" Language="C#" MasterPageFile="~/YiDashuihang_.Master" AutoEventWireup="true" CodeBehind="Dorm_list.aspx.cs" Inherits="YiDaShuiHang.Dorm_list" %>


<%@ Register Src="~/Alert.ascx" TagPrefix="uc1" TagName="Alert" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Scripts/page_js/dormcombolist.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#demolist li').on('click', function () {
                var content = $(this).text();
                $("#dateboxs").text(content);
            });
            $('#datalist li').on('click', function () {
                var content = $(this).text();
                $("#list").text(content);
            });
            $('#Ul1 li').on('click', function () {
                var content = $(this).text();
                $("#Span1").text(content);
            });
            $(".market li").click(function () {
                var content = $(this).text();
            })
            getdata("1", "||||");
           // yes_alert("hrughuegh");
        })

        function search() {
            var quyu = $.trim($("#dateboxs").text());
            var louhao = $.trim($("#building").val());
            var sushe_hoa = $.trim($("#dorm").val());
            var zhuangtai = $.trim($("#Span1").text());
            var brand = $.trim($("#list").text());
            var arrey = quyu + "|" + louhao + "|" + sushe_hoa + "|" + zhuangtai + "|" + brand;
            getdata("1", arrey);
        }
        function loaddowm_excel() {
            var quyu = $.trim($("#dateboxs").text());
            var louhao = $.trim($("#building").val());
            var sushe_hoa = $.trim($("#dorm").val());
            var zhuangtai = $.trim($("#Span1").text());
            var brand = $.trim($("#list").text());
            var arrey = quyu + "|" + louhao + "|" + sushe_hoa + "|" + zhuangtai + "|" + brand;
            poststr = "{\"type\":\"dromlist_loaddowm\",\"code\":\"" + arrey + "\"}";
            mj_js_ajax("json", poststr, tell_result);
        }
        function tell_result(data) {

            if (data.result == "ok") {
                try {
                    window.open(data.down_link);
                }
                catch (e) { }
            }
            else {
                alert(data.msg);
            }
        }
    </script>
    <style type="text/css">
        .bg-info input[type="text"]{
        margin-bottom:-10px;
        margin-top:-10px;
        background-color:#d9edf7;
        height:30px;
        width:100%;
        border-style:none;
        
        }
        .bgwhite {
        }
         .bgwhite input[type="text"]{
        margin-bottom:-10px;
        margin-top:-3px;
        height:30px;
        width:100%;
        border-style:none;
        
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="container">
        <div class="content" style=" width:98%; height:auto; margin:0 auto; ">
        <div class="header">
            <h1 class="page-title" style="display: inline-block;">
                宿舍订单列表</h1>
            <span id="tips"></span>
            <input  class="btn btn-info pull-right" type="button" onclick="loaddowm_excel()" value="导出当前条件的Excel文件"/>
                </div>
        <div class="main-content">
            <div class="row">
                <div class="col-md-2 btn-group" >
                <label>
                        区域</label>
                   
                    <button class="btn btn-default dropdown-toggle" type="button" id="Button6"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width:100%">
                            <span id="dateboxs" style=" width:80%">全部</span>
                            <span id="Span12"style="margin-top:8px; float:right" class="caret"></span>
                        </button>
                    <ul class="dropdown-menu" style=" margin-left:9% ;width:84%" role="menu" id="demolist">
                    <li style=" margin-left:8%"><a>全部</a></li>
                        <li style=" margin-left:8%"><a >旧白宫</a></li>
                        <li style=" margin-left:8%"><a >四合院</a></li>
                        <li style=" margin-left:8%"><a >北区女生宿舍</a></li>
                         <li style=" margin-left:8%"><a >新白宫</a></li>
                          <li style=" margin-left:8%"><a >西区宿舍</a></li>
                           <li style=" margin-left:8%"><a >玫瑰园1</a></li>
                            <li style=" margin-left:8%"><a >玫瑰园2</a></li>
                            <li style=" margin-left:8%"><a>其他</a></li>
                    </ul>
                </div>
                <div class="form-group col-md-2"style=" margin-left:-14px">
                    <label>
                        楼号</label><input type="text" class="form-control" id="building" style="height:35px"/></div>
                <div class="form-group col-md-2"style=" margin-left:-14px">
                    <label>
                        宿舍号</label><input type="text" class="form-control" id="dorm" style="padding: 6px 8px;height:35px"/></div>  
                        
                <div class="col-md-2 btn-group"style=" margin-left:-14px">
                 <label>
                        品牌</label>
                      <button class="btn btn-default dropdown-toggle" type="button" id="Button1"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width:100%">
                            <span id="list" style=" width:80%">全部</span>
                            <span id="Span2"style="margin-top:8px; float:right" class="caret"></span>
                        </button>
                    <ul class="dropdown-menu" style=" margin-left:9%; width:84%" role="menu" id="datalist">
                     <li style=" margin-left:8%"><a >全部</a></li>
                        <li style=" margin-left:8%"><a >茶山</a></li>
                        <li style=" margin-left:8%"><a >七井</a></li>
                        <li style=" margin-left:8%"><a >怡宝</a></li>
                        <li style=" margin-left:8%"><a >古兜</a></li>
                        <li style=" margin-left:8%"><a >鼎湖</a></li>
                    </ul>
                </div>
                     
                <div class="col-md-2 btn-group"style=" width:130px; margin-left:-14px">
                <label>
                        状态</label>
                      <button class="btn btn-default dropdown-toggle" type="button" id="Button2"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="width:100%">
                            <span id="Span1" style=" width:80%">全部</span>
                            <span id="Span3"style="margin-top:8px; float:right" class="caret"></span>
                        </button>
                    <ul class="dropdown-menu" style=" margin-left:9%; width:84%" role="menu" id="Ul1">
                     <li style=" margin-left:8%"><a >全部</a></li>
                        <li style=" margin-left:8%"><a >已收齐</a></li>
                        <li style=" margin-left:8%"><a >未收齐</a></li>
                    </ul>
                </div>  
                <div class="col-md-2"style=" margin-left:-14px">
                    <input class="btn btn-info form-control " value="查询" type="button" onclick="search()" style="margin-top: 25px ;height:34px"/>
                       </div>
            </div>
            <table class="table table-bordered" id="recordtable" style=" width:99%; margin-top:30px; margin-left:-4px">
                <thead>
                    <tr>
                        <th style=" width:45px">
                            楼号
                        </th>
                        <th style=" width:70px">
                            宿舍号
                        </th>
                        
                        <th style=" width:65px">
                            品牌
                        </th>
                        <th >
                            桶数
                        </th>
                        <th style=" width:70px">
                           剩余桶数
                        </th>
                        <th style=" width:60px">
                           欠桶数
                        </th>
                        <th >
                            水费
                        </th>
                        
                        <th  >
                            押金
                        </th>
                        <th>
                            已收
                        </th>
                        <th  style='width: 150px;'>
                            备注
                        </th>
                         <th style='width: 90px;'>
                          时间
                        </th>
                        <th style='width: 80px;'>
                            状态
                        </th>
                         <th  style='width: 90px;'>
                          操作
                        </th>
                    </tr>
                </thead>
                <tbody id="tbodyList">
                </tbody>
            </table>
         <div style="  margin-left:5%">
                <table>
                    <tr>
                       
                        <td style=" width:80%">
                            <div class="fr1">
                                <div class="demo">
                                    <div id="example" class="pagination">
                                    </div>
                                </div>
                            </div>
                        </td>
                        
                         <td style=" width:7%">
                            <div id="record_shu">
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <footer><hr><p>© 2015 <a href="#">shuihang</a></p></footer>
    </div>


       
    </div>
      <uc1:Alert runat="server" ID="Alert" />
</asp:Content>
